<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="./css/index.css" rel="stylesheet" type="text/css" />
    <link href="./css/Nti视频.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css">
    <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <script src="./jQuery/jquery.min.js"></script>
    <script src="./bootstrap/js/bootstrap.min.js"></script>
    <title>Document</title>
</head>

<body>
    <div class="contianer">
        <div class="row nav">
            <div class="col-lg-3 col-md-2 col-xs-1 col-sm-2 logo">
                <img src="./images/logo.png" alt="">
            </div>
            <div class="col-lg-6 col-md-8 col-xs-10 col-sm-8 nav-content">
                <div class="content-detail">
                    <ul>
                        <li>
                            <a href="#">首页</a>
                        </li>
                        <li>
                            <a href="#" class="nav-active">Nti视频</a>
                        </li>
                        <li>
                            <a href="#">Nti文章</a>
                        </li>
                        <li>
                            <a href="#">春卷专栏</a>
                        </li>
                        <li>
                            <a href="#">KOL专栏</a>
                        </li>
                        <li>
                            <a href="#">论坛</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-lg-3 col-md-2 col-xs-1 col-sm-2 icons">
                <a href="#"><img src="./images/wx-icon.png" alt="" class="icon"></a>
                <a href="#"><img src="./images/wb-icon.png" alt="" class="icon"></a>
                <a href="#"><img src="./images/dy-icon.png" alt="" class="icon"></a>
                </ul>
            </div>

        </div>
        <div class="Nti-video-nav">
            <ul>
                <li><a href="#">深度评测</a></li>
                <li><a href="#">开箱体验</a></li>
                <li><a href="#">视频教程</a></li>
                <li><a href="#">视频演示片</a></li>
                <li><a href="#">品牌形象片</a></li>
                <li><a href="#">现场报道</a></li>
                <li><a href="#">活动记录</a></li>
                <li><a href="#">直播活动回顾</a></li>
                <li><a href="#">访谈视频</a></li>
                <li><a href="#">自制内容
                    </a></li>
            </ul>
        </div>
        <div class="post">
            <img src="./images/Nti视频/post1.png" alt="">
        </div>
        <div class="Nti-video-preview">
            <ul>
                <li>
                    <div class="Nti-video-preview-title">
                        <img src="./images/Nti视频/t-pic.png" alt="">
                        <p>深度评测</p>
                        <a href="#"><span>View More ></span></a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="Nti-video-preview-title">
                        <img src="./images/Nti视频/t-pic.png" alt="">
                        <p>现场报道</p>
                        <a href="#"><span>View More ></span></a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="Nti-video-preview-title">
                        <img src="./images/Nti视频/t-pic.png" alt="">
                        <p>开箱体验</p>
                        <a href="#"><span>View More ></span></a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="Nti-video-preview-title">
                        <img src="./images/Nti视频/t-pic.png" alt="">
                        <p>活动记录</p>
                        <a href="#"><span>View More ></span></a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="Nti-video-preview-title">
                        <img src="./images/Nti视频/t-pic.png" alt="">
                        <p>视频教程</p>
                        <a href="#"><span>View More ></span></a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                </li>

                <li>
                    <div class="Nti-video-preview-title">
                        <img src="./images/Nti视频/t-pic.png" alt="">
                        <p>直播活动回顾</p>
                        <a href="#"><span>View More ></span></a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="Nti-video-preview-title">
                        <img src="./images/Nti视频/t-pic.png" alt="">
                        <p>视频演示片</p>
                        <a href="#"><span>View More ></span></a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="Nti-video-preview-title">
                        <img src="./images/Nti视频/t-pic.png" alt="">
                        <p>访谈视频</p>
                        <a href="#"><span>View More ></span></a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="Nti-video-preview-title">
                        <img src="./images/Nti视频/t-pic.png" alt="">
                        <p>品牌形象片</p>
                        <a href="#"><span>View More ></span></a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                </li>
                <li>
                    <div class="Nti-video-preview-title">
                        <img src="./images/Nti视频/t-pic.png" alt="">
                        <p>自制内容</p>
                        <a href="#"><span>View More ></span></a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                    <div class="Nti-video-preview-video">
                        <a href="#">
                            <div class="Nti-video-preview-video-img">
                                <img src="./images/Nti视频/pic1.png" alt="" class="video-img">
                                <img src="./images/Nti视频/play.png" alt="" class="play-btn">
                            </div>
                            <p>不会拍怎么办三人谈</p>
                        </a>
                    </div>
                </li>
            </ul>
        </div>
        <div class="foot">
            <div class="foot-logo">
                <img src="./images/b-logo.png" alt="">
                <p>影像新势力</p>
            </div>

        </div>
    </div>
</body>

</html>